<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>关于我</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
     <meta name="keywords" content="博客,个人,学习,IT,生活,严飞,程序猿,java,后端">
    <meta name="description" content="严飞，00后，爱编程。爱跑步、爱生活、爱学习。">
    <link rel="icon" type="image/x-icon" href="img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/aboutmetimeline.css">
    <link href="https://lib.baomitu.com/lightgallery/1.6.12/css/lightgallery.min.css" rel="stylesheet">
    <link href="https://lib.baomitu.com/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/comment.css">
    <link rel="stylesheet" href="css/aboutme.css">
    <link href="https://lib.baomitu.com/font-awesome/5.8.0/css/fontawesome.min.css" rel="stylesheet">

    <script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://lib.baomitu.com/underscore.js/1.9.1/underscore-min.js"></script>
    <script src="https://lib.baomitu.com/amazeui/2.7.2/js/amazeui.min.js"></script>
    <script src="js/jquery.cookie.js"></script>

</head>
<body>
<div id="app">
    <!--引入共有头部-->
    <div th:replace="header :: header"></div>
    <!--页面主体-->
    <div id="main">
        <div class="am-container">
            <div class="am-g">
                <div class="am-u-sm-12 am-u-lg-12">
                    <div id="wordsView">
                        <div class="title">
                            <div class="title-words">
                                <h1 class="title-words-h1">关于我</h1>
                            </div>

                            <div class="title-img">
                                <p>
                                    <img src="img/loading2.gif" data-src="img/img.jpg" class="enlargePicture am-img-thumbnail am-radius">
                                </p>
                            </div>
                        </div>
                        <div class="yf-my-words"  data-am-scrollspy="{animation: 'scale-down'}">
                            <p><i class="am-icon-quote-left " style="float: left"></i></p><br>
                            <div class="yf-info">
                                <p class="yf-info-words">
                                    我叫蒼飞，目前就读于内江师范学院，软件工程专业，一名不怎么负责的学习委员
                                    希望以后能找到一份好的工作，因此也一直为此不断努力着。<br>
                                    <br>
                                    喜欢跑步，热衷学习，热爱生活。不是宅男，不掉头发，留着三七分。希望成为一个优秀的人，也因此不断努力着。<br>
                                    <br>
                                    梁思成曾经问过林徽因这么一句话：“有一句话，我只问一次，以后都不会再问了，为什么是我？”
                                    她回答道“答案很长，我得用一生去告诉你，准备好听我说了吗？”<br><br>
                                    (๑′ᴗ‵๑)
                                </p>
                            </div>
                            <p><i class="am-icon-quote-right " style="float: right"></i></p><br><hr>
                        </div>
                        <div class="yf-hobby">
                            <blockquote style="padding: 10px 18px;background-color:whitesmoke;opacity:70%;">
                                兴趣爱好
                                <ul>
                                    <li>喜欢编程：沉迷于Java开发，专注于Web后端技术，追求新技术探索；</li>
                                    <li>喜欢跑步：深受跑步毒害，月跑量仅仅只有200的普通跑者，一不开心就跑步；</li>
                                    <li>喜欢马拉松：法拉赫，大迫杰他们都是我的精神动力；</li>
                                    <li>喜欢音乐：好听的音乐都喜欢，喜欢与音乐相伴；</li>
                                    <li>喜欢一个人：没有女朋友，所以有这么多时间写代码和跑步，还是有幻想过甜甜的恋爱；</li>
                                </ul>
                            </blockquote>
                            <span style="font-size: 14px;color: #555;">我就是我，不一样的烟火，</span>
                        </div>
                        <div class="yf-title-QRCode" style="margin-top: 20px">
                            <p><i class="am-icon-quote-left " style="float: left"></i></p><br>
                            <div class="-title-QRCode-word">
                                <strong>欢迎关注我的CSDN：蒼飞</strong><br>
                                <img class="enlargePicture" src="img/csdn.png"><br>
                                <span>CSDN与本博客文章同步<br></span>
                            </div>
                            <p><i class="am-icon-quote-right " style="float: right"></i></p>
                        </div>
                        <br><br><hr data-am-widget="divider" style="" class="am-divider am-divider-dashed" />

                        <div style="text-align: right;margin: 30px auto">
                            <i class="am-icon-paper-plane am-icon-spin"></i>
                            <i class="am-icon-paper-plane-o am-icon-spin" style="margin-left: 60px"></i><br>
                        </div>
                        <div class="yf-original">
                            <div class="yf-original-title">
                                <h1 class="yf-original-title-h1">初衷</h1>
                                <p>
                                    <img src="img/loading.gif" data-src="img/fj.jpg" class="enlargePicture am-img-thumbnail">
                                </p><br><br>
                                <p><i class="am-icon-quote-left " style="float: left"></i></p><br>
                                <div class="yf-original-words">
                                    <p>搭建博客网站，一方面是受东哥启发，另一方面也是出于自己的兴趣爱好，希望通过搭建博客网站自己能够在其中学到东西，借此来激励自己养成多写博客的习惯，也可以记录下自己的一些历程与收获。</p><br>
                                    <p>我本来就是一个普通人，没有什么天赋，在一个二本学校就读，有幸加入了小蒜工作室，每天没课的时候能够在工作室学习。我很普通，但我还是相信我能够通过自己的努力，变成一个优秀的人。我本普通，但我不甘止步于此。</p><br>
                                    <div class="yf-quot">
                                        <blockquote class="yf-quot-font" style="background-color: whitesmoke;opacity: 85%;">
                                            <strong>优秀真的没有极限</strong>
                                            <p style="margin-top: 7px">在沙漠中屹立不倒，进瑶池滴酒不沾。</p><br>
                                            <p>
                                                从前的失败代表不了什么，以前的胜利也会变成过眼云烟。</p><br>
                                            <p>
                                                谦逊，大度，不嘲讽他人，不贬损自己，不对他人妄下论断，不让自己封闭狂妄。</p><br>
                                            <p>一辈子做好自己该做的事，你就是自己的英雄。</p><br>
                                        </blockquote>
                                        <p>这是我很喜欢的一段话，也送给你</p><br><br>
                                        <p style="text-align: center"><b><i>No human is limited   —— 基普乔格</i></b></p>
                                    </div>
                                </div>
                                <p><i class="am-icon-quote-right " style="float: right"></i></p><br>
                            </div>
                        </div>
                        <hr data-am-widget="divider" style="" class="am-divider am-divider-dashed" />
                        <br><br><hr data-am-widget="divider" style="" class="am-divider am-divider-dashed" />
                        <div class="yf-life">
                            <div style="text-align: right;margin: 30px auto">
                                <i class="am-icon-arrows am-icon-spin"></i>
                                <i class="am-icon-arrows am-icon-spin" style="margin-left: 60px"></i><br>
                            </div>
                            <div class="yf-life-title">
                                <span>心情</span>
                            </div>
                            <div class="yf-you">
                                <img src="img/loading.gif" data-src="img/osako.jpg" class="enlargePicture am-img-thumbnail">
                            </div>
                            <p></p>
                            <div class="content">
                                <article>
                                    <!--年份使用淡出动画，内容使用左侧滑入效果-->
                                    <h3  data-am-scrollspy="{animation: 'scale-up'}">2022</h3>
                                    <section data-am-scrollspy="{animation: 'slide-left'}">
                                        <span class="point-time point-purple"></span>
                                        <time datetime="2021-01">
                                            <span>2021/01/25</span>
                                        </time>
                                        <aside>
                                            <p class="things">开始搭建个人博客网站</p>
                                            <p class="brief"><span class="text-red">
                                                我是菜鸡，我整不来，哈哈哈。
                                            </span></p>
                                        </aside>
                                    </section>

                                    <section data-am-scrollspy="{animation: 'slide-left'}">
                                        <span class="point-time point-purple"></span>
                                        <time datetime="2022-04">
                                            <span>2022/04/30</span>
                                        </time>
                                        <aside>
                                            <p class="things">五一节</p>
                                            <p class="brief"><span class="text-blue">
                                              其实五一节放不放假我倒无所谓，反正改学还是得学，放不放假其实对我没有什么影响。
                                                哈哈，放什么假，只有对祖国没用的人才会放假，五一这两天别人玩两天，我就比你们多学两天
                                            </span></p>
                                        </aside>
                                    </section>
                                    <section data-am-scrollspy="{animation: 'slide-left'}">
                                    <span class="point-time point-purple"></span>
                                    <time datetime="2022-06">
                                        <span>2022/06/11</span>
                                    </time>
                                    <aside>
                                        <p class="things">考四级</p>
                                        <p class="brief"><span class="text-green">
                                             我感觉我就是去送钱的，下学期必过，下学期还过不到我回去复读！马上期末开始了，还没认真复习，唉，加油吧。
                                            </span></p>
                                    </aside>
                                    </section>

                                    <section data-am-scrollspy="{animation: 'slide-left'}">
                                        <span class="point-time point-purple"></span>
                                        <time datetime="2022-06">
                                            <span>2022/06/18</span>
                                        </time>
                                        <aside>
                                            <p class="things">放暑假了</p>
                                            <p class="brief"><span class="text-purple">
                                              唉！我真不想放暑假啊，放暑假之后在家真的不安逸，还被逼去学车，这个暑假就不能做兼职了。以前放假在家耍都要提心吊胆的，爸妈催我学习；现在放假在家就从早到晚对着电脑修仙，他们看到就催我看科一。慢慢来嘛，暑假好好学下算法为比赛打基础，顺便把下学期的专业课学了。
                                            </span></p>
                                        </aside>
                                    </section>

                                    <section data-am-scrollspy="{animation: 'slide-left'}">
                                        <span class="point-time point-purple"></span>
                                        <time datetime="2022-06">
                                            <span>2022/06/21</span>
                                        </time>
                                        <aside>
                                            <p class="things">博客网站</p>
                                            <p class="brief"><span class="text-purple">
                                              博客网站部署完成，虽然还是有些小bug，慢慢改吧。昨天晚上改代码改到3点过，越改bug越多，唉！
                                            </span></p>
                                        </aside>
                                    </section>

                                    <section data-am-scrollspy="{animation: 'slide-left'}">
                                        <span class="point-time point-purple"></span>
                                        <time datetime="2022-06">
                                            <span>2022/08/25</span>
                                        </time>
                                        <aside>
                                            <p class="things">考驾照</p>
                                            <p class="brief"><span class="text-yellow">
                                             哈哈哈，科一到科四全部一次过，喜提驾照
                                            </span></p>
                                        </aside>
                                    </section>

                                    <section data-am-scrollspy="{animation: 'slide-left'}">
                                        <span class="point-time point-purple"></span>
                                        <time datetime="2022-06">
                                            <span>2022/09/1</span>
                                        </time>
                                        <aside>
                                            <p class="things">开学</p>
                                            <p class="brief"><span class="text-blue">
                                             已经裂开了，说好的开学呢，结果一推再推，哦豁。学校那边和家这边都遭了疫情，被迫在家上网课。
                                            </span></p>
                                        </aside>
                                    </section>
                                </article>

                            </div>
                        </div>

                    </div>
                    <div class="comment">
                        <div class="comment-top">
                            <div class="comment-top-input" th:if="${#httpServletRequest.remoteUser}">
                                <textarea id="comment" placeholder="客官，来说两句吧..."></textarea>
                            </div>
                            <div class="comment-top-input" th:unless="${#httpServletRequest.remoteUser}">
                                <div class="goToLogin">
                                    &nbsp;&nbsp;&nbsp;<a id="toLogin">登录</a>后才可以发表留言呦...
                                </div>
                            </div>
                            <div class="commentBtn">
                                <button id="commentBtn" type="button" class="am-btn am-btn-secondary">发表留言</button>
                            </div>
                        </div>
                        <!--页面留言-->
                        <div class="comment-bottom">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--引入共有底部-->
    <div th:replace="footer :: footer"></div>

    <!--消息盒子+反馈-->
    <div th:replace="other :: other"></div>
</div>

<script src="js/all.js"></script>
<script src="js/leaveMessage.js"></script>
<!--放大图片插件-->
<script src="js/lightgallery/lightgallery.js"></script>
<script src="js/lightgallery/picturefill.min.js"></script>
<script src="js/lightgallery/lg-pager.js"></script>
<script src="js/lightgallery/lg-autoplay.js"></script>
<script src="js/lightgallery/lg-fullscreen.js"></script>
<script src="js/lightgallery/lg-zoom.js"></script>
<script>
    lightGallery(document.getElementById('wordsView'));
</script>
</body>
</html>
